<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
    <title>活动主题内容</title>
    <meta name="format-detection" content="telephone=no">
    <script src="__GLOBAL__/jquery-1.8.3.min.js"></script>
    <script src="__GLOBAL__/common.js"></script>
    <script src="__JS__/enroll.js"></script>
    <link rel="stylesheet" href="__GLOBAL__/reset.css"/>
    <link rel="stylesheet" href="__CSS__/enroll.css">
</head>
<body>
    <div class="content">
        <div class="enroll-img">
            <img src="__IMG__/live/cover-img.png">
            <div class="label">活动</div>
        </div>
        <div class="enroll-msg flex">
            <div class="enroll-left flex1">
                <p class="enroll-title">
                    <span>【活动】</span>
                    可能是个什么产品活动什么什么产品后空腹喝咖啡好看
                </p>
                <p>
                    <span class="enroll-label">直播时间:</span>
                    <span class="enroll-time">08.01&nbsp;15:00</span>
                </p>
                <p>
                    <span class="enroll-label">商户名称:</span>
                    <span class="enroll-name">什么什么商户叫什么名字</span>
                </p>
                <div class="enroll-type flex">
                    <span class="flex1"><i class="peopel-icon"></i>15200人报名</span>
                    <span class="flex1"><i class="count-down-icon"></i>剩40小时38分</span>
                </div>
            </div>
            <div class="enroll-right">
                <div class="photo">
                    <img src="__IMG__/live/photo.png"/>
                </div>
                <p>可能是个假主播</p>
            </div>
        </div>
    </div>

    <div class="enroll-list">
        <div class="enroll-list-title">
            <div class="enroll-list-title-box"><span>报名</span>(12560人)</div>
        </div>
        <div class="maquee">
            <ul>
                <li>
                   <div class="line-content">
                       <div class="photo">
                           <img src="__IMG__/live/photo.png"/>
                       </div>
                       <span class="use-name">用户名字</span>
                       于08.02&nbsp;15:00成功报名!
                   </div>
                </li>
                <li>
                    <div class="line-content">
                        <div class="photo">
                            <img src="__IMG__/live/photo.png"/>
                        </div>
                        <span class="use-name">用户名字</span>
                        于08.02&nbsp;15:00成功报名!
                    </div>
                </li>
                <li>
                    <div class="line-content">
                        <div class="photo">
                            <img src="__IMG__/live/photo.png"/>
                        </div>
                        <span class="use-name">用户名字</span>
                        于08.02&nbsp;15:00成功报名!
                    </div>
                </li>
                <li>
                    <div class="line-content">
                        <div class="photo">
                            <img src="__IMG__/live/photo.png"/>
                        </div>
                        <span class="use-name">用户名字</span>
                        于08.02&nbsp;15:00成功报名!
                    </div>
                </li>
                <li>
                    <div class="line-content">
                        <div class="photo">
                            <img src="__IMG__/live/photo.png"/>
                        </div>
                        <span class="use-name">用户名字</span>
                        于08.02&nbsp;15:00成功报名!
                    </div>
                </li>
                <li>
                    <div class="line-content">
                        <div class="photo">
                            <img src="__IMG__/live/photo.png"/>
                        </div>
                        <span class="use-name">用户名字</span>
                        于08.02&nbsp;15:00成功报名!
                    </div>
                </li>
                <li>
                    <div class="line-content">
                        <div class="photo">
                            <img src="__IMG__/live/photo.png"/>
                        </div>
                        <span class="use-name">用户名字</span>
                        于08.02&nbsp;15:00成功报名!
                    </div>
                </li>

            </ul>
        </div>
    </div>
    <div class="bottom-button">
        <div class="enroll-btn" id="b-enroll-btn">
            我要报名
        </div>
    </div>
    <div class="alert-bg" style="display: none"></div>
    <div class="enroll-alert-box" style="display: none">
        <p class="enroll-alert-title">输入手机号</p>
        <p class="enroll-alert-ps">
            提示:请输入正确的手机号码,报名成功后,关注小鹿公众号,我们会在开播前提醒您。
        </p>
        <div class="tell-inp">
            <input type="tel" placeholder="请输入您的手机号">
        </div>
        <div class="enroll-btn" id="s-enroll-btn">
            我要报名
        </div>
    </div>
    <script>
        $("#b-enroll-btn").click(function () {
            $(".alert-bg").show();
            $(".enroll-alert-box").show();
        })
        $(".alert-bg,#s-enroll-btn").click(function () {
            $(".alert-bg").hide();
            $(".enroll-alert-box").hide();
        })
    </script>
</body>
</html>